﻿@using System.Web.Optimization
@using Ed.Common
@using Ed.Entity
@using Ed.Web.Helpers
@{
    var model = ViewBag.model;
    ViewBag.Title = "MobileAddYuesao";
    var yuesaoes = (List<TPregnanterInfo>)ViewBag.Yuesao;
    
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>移动端选择月嫂_雪绒花</title>
    <link rel="stylesheet" type="text/css" href="/Themes/default/mobile/css/xueronghua.3g.css">
    <link href="/Themes/default/mobile/css/common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">        //手机机型适配
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale + ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi">');
            } else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        } else {
            document.write('<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }</script>
    <meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">
    <script type="text/javascript" charset="utf-8" src="/Themes/default/mobile/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="/Themes/default/mobile/js/date.js"></script>
    <script type="text/javascript" src="/Themes/default/mobile/js/iscroll.js"></script>
    <script type="text/javascript" src="/Themes/default/mobile/js/yuesao_list.js"></script>
    <!--预定-->
</head>
<body>
    <header>
    <section class="title"><a href="#" title="雪绒花">可预定以下月嫂</a></section>
    <a class="return" href="javascript:history.go(-1)" title="返回"></a>
    <a class="screening" href="javascript:void(0)" title="筛选">筛选</a>
</header>
    <div id="wrapper" style="overflow: hidden; left: 0px;">
    
        <div id="scroller">
        
        <!--选择器时间部分-->
            <section class="back scrResults pd30">
            <span class="fl"><b>可在右上方筛选预产日期</b> 共<span class="green" id="PageCount"></span>位符合条件</span>
</section>        
            <nav>
            <section class="detailsNav scrNav">
                <ul class="clearfix">
               <li><a id="PInfoLastdate" class="active" onclick="paixu('PInfoLastdate')" href="#" title="时间排序">默认排序</a><span></span></li>
                    <li class="up">
                        <a id="PInfoAge1" onclick="paixu('PInfoAge')" href="#" title="年龄大到小">年龄<em></em></a><span></span>
                        </li>
                        <li class="up">
                            <a id="PInfoLevel" onclick="paixu('PInfoLevel')" href="#" title="等级高到低">等级<em></em></a><span></span>
                        </li>
                       <li class="up">
                            <a id="PInfoPrice1" onclick="paixu('PInfoPrice')" href="#" title="价格多到少">价格<em></em></a>
                       </li>
                </ul>
            </section>
            <input type="hidden" id="Orderby" value="PInfoLastdate" />
</nav>
            <section class="back productList">
    <ul id="comment_list"></ul></section>
            <div class="more-comment">
                <input id="btnLoadComment" type="button" value="点击加载更多月嫂" class="btn" onclick="InitCommentList('');" />
            </div>
        </div>
    </div>
    
    <!--筛选条件部分内容-->
    <section class="scrPop" style="display: none">
    <section class="scrMenu">
        <section class="scrBack">
            <section class="scrRolling">
                <section class="scrTitle"><a class="scrBut" href="javascript:sousuo();" id="homeBut" title="去选月嫂">去选月嫂</a>
                <a class="scrEmpty" href="javascript:void(0)" title="清空条件">清空条件</a></section>
                <section class="scrList">
                <dl>
                <dt>预产日期：</dt>
                <dd><input  id="beginTime" class="kbtn" style=" padding:2px 10px; width:150px;"/>
                   <input  id="datenumber"  style=" padding:2px 10px; width:55px;" placeholder="天数" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" /> 天
                   <input id="OrderStart" name="OrderStart" type="hidden" />
                    <input id="OrderEnd" name="OrderEnd" type="hidden" />
                   </dd>
                </dl>
                 <div id="datePlugin"></div>
                <dl>
                    <dt>月嫂年龄：</dt>
                    <dd>
                    <select class="form-control" id="PInfoAge" name="PInfoAge">
                        <option value="">请选择年龄段</option>
                        <option value="1">21岁-40岁</option>
                        <option value="2">41岁-60岁</option>
                        <option value="3">61岁-80岁</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>月嫂价位：</dt>
                    <dd>
                   <select class="form-control" id="PInfoPrice" name="PInfoPrice">
                        <option value="">请选择价位</option>
                        <option value="1">3000元-5000元</option>
                        <option value="2">5001元-7000元</option>
                        <option value="3">7001元-9000元</option>
                        <option value="4">9001元以上</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>特殊技能：</dt>
                    <dd><select value="1" class="form-control" id="PInfoClass" name="PInfoClass">
                        <option value="">请选择技能</option>
                        <option value="双胞胎">双胞胎</option>
                        <option value="早产儿">早产儿</option>
                        <option value="育婴师">育婴师</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>从业年限：</dt>
                    <dd><select value="1" class="form-control wid120" id="PInfoEdAge" name="PInfoEdAge"
                        placeholder="">
                        <option value="">请选择年龄</option>
                        <option value="1">1年以下</option>
                        <option value="2">1-3年</option>
                        <option value="3">3-7年</option>
                        <option value="4">7年以上</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>月嫂星座：</dt>
                    <dd>
                    <select value="1" class="form-control valid success wid120" id="PInfoXingzuo" name="PInfoXingzuo"
                        placeholder="">
                        <option value="">请选择星座</option>
                        <option value="白羊座">白羊座</option>
                        <option value="金牛座">金牛座</option>
                        <option value="双子座">双子座</option>
                        <option value="巨蟹座">巨蟹座</option>
                        <option value="狮子座">狮子座</option>
                        <option value="处女座">处女座</option>
                        <option value="天秤座">天秤座</option>
                        <option value="天蝎座">天蝎座</option>
                        <option value="射手座">射手座</option>
                        <option value="摩羯座">摩羯座</option>
                        <option value="水瓶座">水瓶座</option>
                        <option value="双鱼座">双鱼座</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>月嫂属相：</dt>
                    <dd>
                    <select value="1" class="form-control" id="PInfoShuxiang" name="PInfoShuxiang"
                        placeholder="">
                        <option value="">请选择属相</option>
                        <option value="属鼠">属鼠</option>
                        <option value="属牛">属牛</option>
                        <option value="属虎">属虎</option>
                        <option value="属兔">属兔</option>
                        <option value="属龙">属龙</option>
                        <option value="属蛇">属蛇</option>
                        <option value="属马">属马</option>
                        <option value="属羊">属羊</option>
                        <option value="属猴">属猴</option>
                        <option value="属鸡">属鸡</option>
                        <option value="属狗">属狗</option>
                        <option value="属猪">属猪</option>
                    </select>
                    </dd>
                    </dl>
                <dl>
                    <dt>月嫂日制：</dt>
                    <dd>
                    <select value="24时" class="form-control wid120" id="PInfoPriceType" name="PInfoPriceType"
                        placeholder="">
                        <option value="12时">12小时制</option>
                        <option value="24时" selected="selected">24小时制</option>
                    </select>
                    </dd>
                    </dl>             
                </section>
            </section>
        </section>
    </section>
    <section class="scrDown"></section>
</section>
    <section class="errorPop">
    <section class="errorMenu">
        <section class="errorCont">
            <em></em>
            <p>请选择月嫂服务时间</p>
            <span></span>
        </section>
    </section>
    <section class="errorDown"></section>
</section>
    <!--筛选条件部分内容结束-->
    <script type="text/javascript" src="/Themes/default/mobile/js/iMain.js"></script>
      <script type="text/javascript">
          $(".homeBut").bind("click", function () {
              if ($('#beginTime').html() == "") {
                  $('.errorPop').show();
                  $('.errorPop').animate({ opacity: '1' }, 800, 'ease-in-out', function () { });
                  var oW = $('.errorMenu').width();
                  var oH = $('.errorMenu').height();
                  marginLeft(oW / 2, oH / 2);
                  setTimeout(function () {
                      $('.errorPop').animate({ opacity: '0' }, 800, 'ease-in-out', function () { $('.errorPop').hide(); });
                  }, 1000);
                  return;
              }
              var p1 = $(".home-price").data("raw-value");
              var p2 = $(".home-year").data("raw-value");
              var arr = [];
              if (p1) arr.push(p1);
              if (p2) arr.push(p2);
              var bt = $("#beginTime").html();
              var url = "/MList/" + (arr.length > 0 ? ("" + arr.join("")) : "");
              if (bt != undefined && bt != "" && bt != "") {
                  bt = bt.replace("至", "-");
                  url += "?shsj=" + bt;
              }
              window.location.href = url;
          });

          function marginLeft(a, b) {
              document.getElementsByClassName('errorMenu')[0].style.marginLeft = '-' + a + 'px';
              document.getElementsByClassName('errorMenu')[0].style.marginTop = '-' + b + 'px';
          }

          $('.errorMenu em').click(function () {
              $('.errorPop').animate({ opacity: '0' }, 800, 'ease-in-out', function () { $('.errorPop').hide(); });
          });

          function onkeyupmy(e) {

              var t = $('#searchIn').val();
              console.log(t);

              //$('.searchDown li[data-id="' + t + '"]').show();
              var regex = new RegExp(t);
              if (t != null) {
                  $('.searchDown li').hide();
                  $('.searchDown li > a').each(function () {
                      if ($(this).text() && (regex.test($(this).text()) || $(this).parent().data('id') == t)) {
                          $(this).parent().show();
                      }
                  });
              } else {
                  $('.searchDown li').show();
              }
          }
    </script>
    <style type="text/css">
        .commontable .selectlist
        {
            width: 160px;
            height: 24px;
            line-height: 24px;
            background-color: antiquewhite;
            color: red;
            border: 1px solid #ccc;
            margin-bottom: 5px;
            padding-left: 10px;
            float: left;
            margin-left: 12px;
        }
        .commontable .selectlist span
        {
            float: right;
            margin-right: 8px;
            cursor: pointer;
        }
        .commontable .selectlist b
        {
            color: green;
        }
    </style>
    
    <section class="footerFix" style="position: fixed;">
    <section class="clearfix">
        <div style="float:left; line-height:40px;">已选月嫂:</div>
            <div style="float:left;" id="yuesaoes">
            </div>
            <div style="clear: both"></div>
            <div class="more-comment" style="margin-bottom:10px; margin-top:0px;">
                <input id="nextstep" type="button" value="下一步填写订单信息" class="btn" onclick="step3()" />
            </div>
    </section>
</section>
    
</body>
</html>
